import React from 'react'
import { NavBar, Tabs, Image, Avatar } from 'antd-mobile'
function Home() {
    return (
        <div>
            <div>
                <NavBar>我的订单</NavBar>
            </div>
            <div>
                <Tabs>
                    <Tabs.Tab title='待接单' key='1'>
                        <div>
                            <Avatar /><p>15813467911</p>
                        </div>
                        <div>
                            <Image src='/404' width={100} height={100} />
                            <span>
                                商品名称示例
                            </span>
                        </div>
                    </Tabs.Tab>
                    <Tabs.Tab title='待发出' key='2'>
                        <div>
                            <Avatar /><p>15813467911</p>
                        </div>
                        <div>
                            <Image src='/404' width={100} height={100} />
                            <span>
                                商品名称示例
                            </span>
                        </div>
                    </Tabs.Tab>
                    <Tabs.Tab title='待送达' key='3'>
                        <div>
                            <Avatar /><p>15813467911</p>
                        </div>
                        <div>
                            <Image src='/404' width={100} height={100} />
                            <span>
                                商品名称示例
                            </span>
                        </div>
                    </Tabs.Tab>
                    <Tabs.Tab title='已完成' key='4'>
                        <div>
                            <Avatar /><p>15813467911</p>
                        </div>
                        <div>
                            <Image src='/404' width={100} height={100} />
                            <span>
                                商品名称示例
                            </span>
                        </div>
                    </Tabs.Tab>
                    <Tabs.Tab title='取消/退款' key='5'>
                        <div>
                            <Avatar /><p>15813467911</p>
                        </div>
                        <div>
                            <Image src='/404' width={100} height={100} />
                            <span>
                                商品名称示例
                            </span>
                        </div>
                    </Tabs.Tab>
                </Tabs>
            </div>
        </div>
    )
}

export default Home
